<div id="tabs">
	<ul>
		<li><a href="/">Home</a></li>
		<li><a href="/list">List of Applications</a></li>
		<li><a class="selected" href="/ranking">Ranking of Participants</a></li>
                <li><a href="/customlist">Custom list</a></li>
	</ul>
</div>
<h3>Ranking of participants</h3>
<br />
{{#info}}
<p>This is the ranking of participants according to their marks. You can also
see the comments from everybody.</p>
<p>The average mark is <strong>{{average}}</strong>. The median mark is <strong>{{median}}</strong></p>
<p><strong>{{indulted}}</strong> people have been indulted and
	<strong>{{condemned}}</strong> have been condemned.</p>
<p>The level of completeness is <strong>{{total_ratio}}%</strong> (reaches 100%
	when everyone has marked or commented all the applications):</p>
<div style="height:20px;width:400px;margin:20px auto;" class="ratiobar">{{total_ratio}}</div>
{{/info}}

<table id="rankingtable">
<thead>	
<tr>
{{#fields}}
{{{fieldnames}}}
{{/fields}}
</tr>
</thead>

<tbody>
{{#participants}}
{{{row}}}
{{/participants}}
</tbody>

</table>
